<script setup lang="ts">

import IndexSmallTitle from "../components/common/IndexSmallTitle.vue";
import TraingLearnItem from "../components/learn/TraingLearnItem.vue";
import {LearnCourseDatas} from "../types/learnCourseData";
import IntelligentRecommendation from "../components/learn/IntelligentRecommendation.vue";
import {useRoute} from "vue-router";

let learnDataList:LearnCourseDatas = [
  {content: '防溜铁铁安全使用', learned: true,learnStart:false},
  {content: '车辆塞门处置课 程车辆塞门车辆塞门处置课 程车辆塞门...', learned: false,learnStart:false},
  {content: '车辆塞门处置课 程车辆塞门车辆塞门处置课 程车辆塞门...', learned: false,learnStart:false},
  {content: '车辆塞门处置课 程车辆塞门车辆塞门处置课 程车辆塞门...', learned: false,learnStart:false},
  {content: '车辆塞门处置课 程车辆塞门车辆塞门处置课 程车辆塞门...', learned: false,learnStart:false},
  {content: '车辆塞门处置课 程车辆塞门车辆塞门处置课 程车辆塞门...', learned: false,learnStart:false},
]

const route = useRoute();
console.log(route,'queen......');
console.log(route.query,'king......');

</script>

<template>
  <div style="display: flex;flex-direction: row" >
    <div style="width: 390px;margin-left: 15px;margin-top: 20px">
      <RouterView></RouterView>
    </div>
  <div style="background-color: #FFFFFF;margin-top: 20px;padding: 20px">
    <index-small-title title="月、年学习任务"></index-small-title>
    <TraingLearnItem :data="learnDataList"></TraingLearnItem>
  </div>
    <div class="class_head_right">
      <IntelligentRecommendation></IntelligentRecommendation>
    </div>
    </div>
</template>
<style scoped>
.class_head_right{
  width: 320px;
  padding: 8px 15px;
  border-radius: 6px;
  background: #FFFFFF;
  border: 1px solid rgba(4,42,94,0.1);
  margin-top: 20px;
  margin-left: 15px;
  margin-right: 15px;
}
</style>